
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'build.[contenthash:10].js',
    path: `${__dirname}/dist`
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: './src/index.html',
      minify: {
        // 移除空格
        collapseWhitespace: true,
        // 移除注释
        removeComment: true
      }
    }),
  ],
  /**
   *  1.可以将node_modules中代码单独打包成一个chunk最终输出
   *  2.自动分析多入口chunk中，有没有公共的文件。如果有会打包成单独一个chunk
   * */
  optimization: {
    // 代码分割
    splitChunks: {
      chunks: 'all'
    }
  },
  mode: 'production',
  externals: {
    // 拒绝jQuery被打包进来
    jquery: 'jQuery'
  }
}
